<template>
  <table class="test" style="width: 100%;background: inherit" cellspacing="0">
    <tr>
      <td style="width: 60px">
        <div style="width:40px;height:40px;">
          <tbc-image :src="comment.avatar" style="border-radius: 50%"/>
        </div>
      </td>
      <td style="width: 160px">
        <p>{{ comment.nick_name }}</p>
        <el-rate v-model="comment.score"/>
      </td>
      <td>
      </td>
    </tr>
    <tr>
      <td colspan="3">
        <p style="padding: 10px 0">{{ comment.text }}</p>
        <tbc-upload v-model="comment.images" :show-remove="false" :width="40" :height="40"
                    v-if="comment.images.length"/>
        <p>{{ comment.create_time }}</p>
      </td>
    </tr>
    <tr>
      <td colspan="3" style="color: #ff561c">
        <p style="max-width: 400px">
          <span>回复：</span>
          <span>我静静的听，您认可的声音，闭上眼睛幻想它不会停，我慢慢的靠近，来陪您一生的好光景，期待再次与您合作哦！</span>
        </p>
        <p style="line-height: 1.5;"></p>
      </td>
    </tr>
  </table>
</template>
<script>
export default {
  props: {
    comment: {
      images: []
    }
  }
}
</script>
<style>
.el-table .test td {
  border-bottom: 0;
  padding: 0;
  background: inherit;
}
</style>